
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formGuia">
                    <p:blockUI block="pnlPrincipal"
                               trigger="findDirLocProvPartida:btnAceptaDirProvNormal">  Actualizando...<br />
                        <p:graphicImage
                            value="/recursos/imagenes/utilitarios/ajax-loader.gif" />
                    </p:blockUI>
                    <p:panel id="pnlGuiaRemision" header="Generar Guia de Remision de #{BKGuiaDeRemisionOUT.guiaFormulario.parametroTipoGuia.desParametroDet}"
                             style="width:100%;margin: 0px auto;">
                        <p:panelGrid id="pnlPrincipal"
                                     style="width:100%;margin: 0px auto">
                            <p:row>
                                <p:column colspan="6" style="width:150px">
                                    <cote:componenteOrdenPOrdenCS id="findOrdenPOrdenCS"
                                                                  ordenPedido="#{BKGuiaDeRemisionOUT.guiaFormulario.ordenPedido}" 
                                                                  ordenCS="#{BKGuiaDeRemisionOUT.guiaFormulario.idOrdenCompraServicio}"
                                                                  actionCbxOrdenCS="#{MBGuiaDeRemisionOUT.obtenerDetalleGRemision}"
                                                                  updateCbxOrdenCS=":formGuia:dataTablaArticulos :formGuia:findDirLocProvPartida 
                                                                  :formGuia:findDirLocProvLlegada:txtValor :formGuia:fdDestinatario :formGuia:txtProveedor"
                                                                  updateCbxOrdenP="cbxCS :formGuia:dataTablaArticulos 
                                                                  :formGuia:findDirLocProvLlegada:txtValor :formGuia:fdDestinatario" 
                                                                  />
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column style="width:185px;">
                                    <h:outputLabel id="lblProveedo" value="PROVEEDOR: " class="lblForm" style="margin-left: 38px"/>
                                </p:column>
                                <p:column colspan="5">
                                    <p:inputText value="#{BKGuiaDeRemisionOUT.proveedoGuia.razonSocial}" id="txtProveedor" readonly="true" size="70" />
                                    <cote:componenteFindProveedor id="findProveedor" 
                                                                  lblbtnfind="BUSCAR PROVEEDOR"                                                                                                      
                                                                  update=":formGuia:txtProveedor :formGuia:findDirLocProvLlegada 
                                                                  :formGuia:findDirLocProvLlegada:txtValor"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="GUIA DE LA EMPRESA" toggleable="true"
                                                toggleSpeed="500">
                                        <ui:include src="infoGeneralOUT.xhtml" />
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="Datos del Destinatario" 
                                                toggleSpeed="500" id="fdDestinatario">
                                        <ui:include src="infoDestinatarioOUT.xhtml" />
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="Unidad de Transporte/Conductor" collapsed="true"
                                                toggleable="true" toggleSpeed="500">
                                        <ui:include src="infoUnidTransporteOUT.xhtml" />
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="Información Adicional" toggleable="true"
                                                toggleSpeed="500">
                                        <p:panelGrid style="width:100%">
                                            <p:row>
                                                <p:column style="width:165px">
                                                    <h:outputLabel id="lblObservacion" class="lblForm" value="OBSERVACION: "  />
                                                </p:column>
                                                <p:column>
                                                    <p:inputTextarea rows="3" cols="70" counter="counter"
                                                                     onkeyup="cambiarMayuscula(this)" maxlength="300"
                                                                     counterTemplate="{0} caracteres restantes."
                                                                     autoResize="false"
                                                                     value="#{BKGuiaDeRemisionOUT.guiaFormulario.observacion}" />
                                                    <br />
                                                    <h:outputText id="counter" />
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblMotivo" value="MOTIVO(*) "  class="lblForm"  />
                                                </p:column>
                                                <p:column>
                                                    <p:autoComplete
                                                        value="#{BKGuiaDeRemisionOUT.guiaFormulario.parametroMotivoGuia}"
                                                        completeMethod="#{MBGuiaDeRemisionOUT.buscarMotivoGuia}"
                                                        onkeyup="cambiarMayuscula(this)" id="cbxMotivoGuia"
                                                        var="motivoGuia" itemLabel="#{motivoGuia.desParametroDet}"
                                                        required="true" dropdown="true" size="50"
                                                        itemValue="#{motivoGuia}"
                                                        converter="#{parametroDetalleConverter}"
                                                        forceSelection="true">
                                                        <p:ajax update=":formGuia:dataTablaArticulos:addArticulosStock:btnAddArticulos" event="itemSelect" listener="#{MBCompAddArticuloStock.elegirParametro}" />
                                                    </p:autoComplete>
                                                    <p:message for="cbxMotivoGuia" display="text" />
                                                </p:column>
                                            </p:row>
                                        </p:panelGrid>
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column colspan="6">
                                    <p:fieldset legend="Lista de Articulos" toggleable="true"
                                                toggleSpeed="500">
                                        <ui:include src="infoArticulosOUT.xhtml" />
                                    </p:fieldset>
                                </p:column>
                            </p:row>
                        </p:panelGrid>

                        <p:panelGrid style="width: 40%;margin: 0 auto">

                            <p:row >

                                <p:column rendered="false">
                                    <p:commandButton id="btnGuardarGuiaRemision" icon="ui-icon-disk"
                                                     action="#{BKGuiaDeRemisionOUT.comando.aceptar()}" ajax="false"
                                                     value="#{BKGuiaDeRemisionOUT.comando.nombre}" />
                                </p:column>

                                <p:column>
                                    <p:commandButton id="btnGenerarGuiaRemision"
                                                     icon="ui-icon-print" oncomplete="confirmacionPrint.show()"
                                                     disabled="#{BKGuiaDeRemisionOUT.guiaFormulario.detalleGuiaRemisions.size() eq 0}"
                                                     value="Generar/Imprimir" />
                                </p:column>

                                <p:column>
                                    <p:commandButton action="#{MBGuiaDeRemisionOUT.cancelar()}"
                                                     id="btnCancelar" ajax="false" value="Cancelar" immediate="true"
                                                     icon="ui-icon-close" />
                                </p:column>

                            </p:row>

                        </p:panelGrid>

                        <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>

                    </p:panel>

                    <p:blockUI block="pnlGuiaRemision" trigger="btnGuardarGuiaRemision">
                        Guardando la Guia de Remision<br />
                        <p:graphicImage value="/images/ajax-loader.gif" />
                    </p:blockUI>

                    <p:confirmDialog id="dlgEliminarArticulo"
                                     message="#{message['dialog.confirmacion.mensaje']}"
                                     header="#{message['dialog.confirmacion.header']}" severity="alert"
                                     widgetVar="confirmacion">
                        <h:panelGrid
                            style="width: auto;margin:0px auto;border:0px;padding: 0 5px"
                            columns="2">
                            <p:commandButton id="btnConfEliArticuloGR"
                                             actionListener="#{MBGuiaDeRemisionOUT.eliminarArticuloGR}"
                                             update="dataTablaArticulos btnGenerarGuiaRemision" value="Si"
                                             oncomplete="confirmacion.hide()" immediate="true"
                                             style="text-align: center" process="@this" />
                            <p:commandButton id="btnCancEliArticuloGR" value="No"
                                             onclick="confirmacion.hide()" type="button"
                                             style="text-align: center" />
                        </h:panelGrid>
                    </p:confirmDialog>

                    <p:confirmDialog id="dlgPrintGuiaDeRemision"
                                     message="¿Esta seguro de Generar y Imprimir la guia de remision?"
                                     header="Generar y Imprimir la Guia de Remision" severity="alert"
                                     widgetVar="confirmacionPrint">
                        <h:panelGrid
                            style="width: auto;margin:0px auto;border:0px;padding: 0 5px"
                            columns="2">
                            <p:commandButton id="btnConfPrintGR" value="Si"
                                             oncomplete="confirmacionPrint.hide()"
                                             action="#{MBGuiaDeRemisionOUT.generar()}" ajax="false" />
                            <p:commandButton id="btnCancPrintGR" value="No"
                                             onclick="confirmacionPrint.hide()" type="button" />
                        </h:panelGrid>
                    </p:confirmDialog>
                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>


</html>